/* pages/cart/cart.wxss */
.cart_content{
    padding-bottom: 90rpx;
    .address_box{
        .address_btn{
            padding: 20rpx;
            button{
                width: 60%;
            }
        }
        .address_info_box{
            display: flex;
            padding: 20rpx;
            .address_info{
                flex: 6;
                .address_content{
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                }
            }
            .address_phone{
                flex: 3;
                text-align: right;
            }
        }
    }
    .cart_content{
        .cart_title{
            padding: 20rpx;
            font-size: 36rpx;
            color: var(--themeColor);
            border-top: 1rpx solid var(--themeColor);
            border-bottom: 1rpx solid var(--themeColor);
        }
        .cartKImage{
            margin: 20rpx;
            font-size: 32rpx;
        }
        .cart_list{
            .cart_item{
                display: flex;
                padding: 10rpx;
                border-bottom: 1rpx solid #ccc;
                .cart_check{
                    flex: 1;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                .cart_image{
                    flex: 2;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    image{
                        width: 80%;
                    }
                }
                .cart_infoBox{
                    flex: 5;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    .cart_info_name{
                        display: -webkit-box;
                        overflow: hidden;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        color: #666;
                    }
                    .cart_buyInfo{
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        margin: 15rpx 0 10rpx;
                        .cart_info_price{
                            // flex: 3;
                            font-size: 32rpx;
                            color: var(--themeColor);
                        }
                        .cart_numBox{
                            // flex: 3;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            .numSub{
                                width: 55rpx;
                                height: 55rpx;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                border: 1rpx solid #ccc;
                            }
                            .cart_number{
                                font-size: 28rpx;
                                margin: 0 15rpx;
                            }
                            .numAdd{
                                width: 55rpx;
                                height: 55rpx;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                border: 1rpx solid #ccc;
                            }
                        }
                    }
                }
            }
        }
    }
    .footer_toolbar{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 90rpx;
        background-color: #fff;
        display: flex;
        border-top: 1rpx solid #ccc;
        .cart_check{
            flex: 2;
            display: flex;
            justify-content: center;
            align-items: center;
            // checkbox-group{
            //     checkbox{}
            // }
        }
        .closepriceBox{
            flex: 5;
            text-align: right;
            padding-right: 10rpx;
            .closePrice{
                .sumPrice{
                    font-size: 36rpx;
                    color: var(--themeColor);
                }
            }
            .freight{
                font-size: 24rpx;
            }
        }
        .closeBtn{
            flex: 2;
            font-size: 36rpx;
            color: white;
            background-color: var(--themeColor);
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}